<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>JQuery Core</title>
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
		<script type="text/javascript">
			//$(function(){...}) = $(document).ready(function(){...});
			$(function() {
				// ID 选择器, 支持链式方法, css返回的还是jQuery对象
				$('#div1').css('color', 'red').css('font-size', '70px');
				// 获取原生的DOM
				var divID = $('#div1').get(0).id;
				// 获得DOM的tagName
				var domName = $('#div1').get(0).nodeName;
				// 将原生对象转换为jQuery对象
				$(document.getElementById('div2')).css('color', 'blue');
				
				jQuery.noConflict(); //将$符所有权剔除
				var $$ = jQuery;
				$$('#div2').css('color', 'green');
			});
		</script>
	</head>
	<body>
		<div id="div1">Test Selector 1</div>
		<div id="div2">Test Selector 2</div>
	</body>
</html>